@extends('wap.layouts.master')
@section('title','已完成')

@section('content')

<div class="aw-main aw-user aw-match-challenge aw-user-order">
	<!--vs信息-开始-->
	<ul class="aw-assest-list aw-assest-vs-match">
		<li class="aw-bg-fff aw-list-li">
			<div class="aw-li-title aw-vs-title">
				<div class="aw-title-left">@{{info.time}}</div>
				<div class="aw-title-right">@{{address.storefront_name}}<span>｜</span>@{{address.type_text}} (@{{address.number}}号)</div>
			</div>
			<div class="aw-li-desc aw-vs-desc">
				<div class="aw-vs-desc-zhandui aw-pr20">
					<span class="aw-desc-zhandui-img"><img :src="team_info_master.img ? team_info_master.img : '/img/default_160_160.png'" onerror="javascript:this.src='/img/default_160_160.png';"></span>
					@{{team_info_master.name}}
				</div>
				<div class="aw-vs-desc-zhandui aw-pl20">
					<span class="aw-desc-zhandui-img"><img :src="team_info_slave.img ? team_info_slave.img : '/img/default_160_160.png'" onerror="javascript:this.src='/img/default_160_160.png';"></span>
					@{{team_info_slave.name}}
				</div>
				<p class="aw-color-FF5450 aw-vs-desc-vs">VS</p>
			</div>
			<div class="aw-clear-both"></div>
			<div class="aw-li-foot-desc">
				<p class="aw-color-999 aw-float-left">待评价</p>
				<p class="aw-color-777 aw-float-right">约战价格<span class="aw-color-2">￥@{{info.money}}</span></p>
			</div>
		</li>
	</ul>
	<!--主队信息-开始-->
	<ul class="aw-assest-form aw-assest-ranks-list aw-bg-fff aw-border-none aw-mt10">
		<li class="aw-form-li aw-form-li-title"><p>主队信息</p></li>
		<li class="aw-ranks-li aw-ranks-li-img">
			<div class="aw-li-img"><img :src="team_info_master.img ? team_info_master.img : '/img/default_160_160.png'" onerror="javascript:this.src='/img/default_160_160.png';"></div>
			<div class="aw-li-info">
				<div class="aw-info-title">@{{team_info_master.name}}</div>
				<div class="am-info-more">
					<p><span>参赛人数：</span>@{{team_info_master.join_num}}</p>
					<p><span>平均年龄：</span>@{{team_info_master.avg_age}}</p>
					<p><span>队服颜色：</span>@{{team_info_master.colour}}</p>
				</div>
			</div>
		</li>
		<li class="aw-ranks-li aw-text-center">
			<div class="aw-li-info">
				<p><span>主队要求</span></p>
				<p>@{{team_info_master.desc}}</p>
			</div>
		</li>
		<li class="aw-ranks-li aw-text-center">
			<div class="aw-li-info">
				<p><span>他对我的评价</span></p>
				<div class="aw-conter aw-conter-team aw-assest-tag-list aw-mt5 aw-boder-top aw-pt10">
					<div class="aw-assest-tag-li" v-for="list in list_comment_master">
						<sapn class="aw-assest-btn aw-btn-bordercolor-333 aw-btn-radius">大神操作</sapn>
					</div>
				</div>
			</div>
		</li>
	</ul>
	<!--主队信息-结束-->
	<!--客队信息-开始-->
	<ul class="aw-assest-form aw-assest-ranks-list aw-bg-fff aw-border-none aw-mt10">
		<li class="aw-form-li aw-form-li-title"><p>客队信息</p></li>
		<li class="aw-ranks-li aw-ranks-li-img">
			<div class="aw-li-img"><img :src="team_info_slave.img ? team_info_slave.img : '/img/default_160_160.png'" onerror="javascript:this.src='/img/default_160_160.png';"></div>
			<div class="aw-li-info">
				<div class="aw-info-title">@{{team_info_slave.name}}</div>
				<div class="am-info-more">
					<p><span>参赛人数：</span>@{{team_info_slave.join_num}}</p>
					<p><span>平均年龄：</span>@{{team_info_slave.avg_age}}</p>
					<p><span>队服颜色：</span>@{{team_info_slave.colour}}</p>
				</div>
			</div>
		</li>
		<li class="aw-ranks-li aw-text-center">
			<div class="aw-li-info">
				<p><span>客队要求</span></p>
				<p>@{{team_info_slave.desc}}</p>
			</div>
		</li>
		<li class="aw-ranks-li aw-text-center">
			<div class="aw-li-info">
				<p><span>我对他的评价</span></p>
				<div class="aw-conter aw-conter-team aw-assest-tag-list aw-mt5 aw-boder-top aw-pt10">
					<div class="aw-assest-tag-li" v-for="list in list_comment_slave">
						<sapn class="aw-assest-btn aw-btn-bordercolor-333 aw-btn-radius">大神操作</sapn>
					</div>
				</div>
			</div>
		</li>
	</ul>
	<!--客队信息-结束-->
</div>

@section('pagejs')
@parent
<script type="text/javascript">
var MJS_URLArry=URLArry;
var Vue_Data={
	info:{},//订单详情
	address:{},//场地详情
	team_info_master:{},//主队信息
	team_info_slave:{},//客队信息
	list_comment_master:{},
	list_comment_slave:{},
};
//获取订单详情
var AD_info={
	api:'/api/order/order-info',
	form_data:{order_id:MJS_URLArry.order_id},
	tips:false,
}
getData(AD_info,function(ajax_data){
	Vue_Data.info=ajax_data;
	Vue_Data.address=ajax_data.address;
	Vue_Data.team_info_master=ajax_data.team_info.master;
	Vue_Data.team_info_slave=ajax_data.team_info.slave;
	Vue_Data.list_comment=ajax_data.comment;
})
var vm=new Vue({
	el:'#Vue-body',
	data:Vue_Data
})
</script>
@endsection

@endsection

